<template>
    <div id="listzong">
        <div v-for="item in questionlist" :key="item.id" class="list">
            <img :src="require(`../../${item.imgUrl}`)" alt="">
            <h3>{{item.title}}</h3>
            <p>{{item.desc}}</p>
        </div>
    </div>
</template>
<script>
export default {
  name: 'zList',
  
  props:{
     questionlist:{
         type:Array,
         required:true
     }
  },
  computed:{
      
  },
  data(){
    return {
        
    }
  },
  mounted(){
   
  },
  methods:{
   
  }
}
</script>
<style scoped>
#listzong{
    width: 800px;
    background-color: white;
    margin-left: 100px;
     padding: 20px;
}
.list{
    margin: 0;
    height: 110px;
   padding: 20px 0;
    border-bottom: 3px solid rgb(246,246,246);

}
img{
    width: 200px;
    float: right;
    height: 100%;
}
p{
    margin-top: 20px;
}
</style>